//路由配置
import { createBrowserRouter } from "react-router-dom";
import Layout from "@/pages/Layout";
import Login from "@/pages/Login";

import {AuthRoute} from '@/components/AuthRoute'
import { lazy, Suspense } from "react";

//1.lazy函数对组件进行导入
const Home = lazy(() => import('@/pages/Home'))
const Article = lazy(() => import('@/pages/Article'))
const Publish = lazy(() => import('@/pages/Publish'))
//配置路由实例
const router = createBrowserRouter([
  {
    path:'/',
    element:<AuthRoute><Layout/></AuthRoute>,
    children:[
      {
        // path:'home',
        index:true,
        element:<Suspense fallback={'加载中'}><Home/></Suspense>
      },
      {
        path:'article',
        element:<Suspense fallback={'加载中'}><Article/></Suspense>
      },
      {
        path:'publish',
        element:<Suspense fallback={'加载中'}><Publish/></Suspense>
      },
    ]
  },
  {
    path:'/login',
    element:<Login/>
  },
])

export default router